@charset "utf-8";

	*{ margin: 0 auto; font-family:"微软雅黑";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ max-width:100%;}
	.picture img{ display:block;}	
	/*头部样式*/
	.max{ max-width:1200px;}
	.header{ overflow:hidden;}
	.header_line{ background:#eaeaea; font-size:12px; color:#666; overflow:hidden; padding:10px 0px;}
	.header_line .title{ float:left; max-width:50%;}
	.header_line .text{ float:right;}
	.header_line .text a{margin-left:10px; color:#666;}
	.header_b{ padding:19px 0px; overflow:hidden;}
	.header_b .logo{float:left;}
	.header_b .contact{float:right; color:#b00f17; font-size:24px; margin-top:20px; font-weight:bold; display:flex; align-items:center;}
	.header_b .contact img{ margin-right:18px;}
	

	/*导航样式*/
	nav{ background:#434343; overflow:hidden; width:100%;}
	.nav li{ float:left; max-width:calc(100% / 8); width:100%; text-align:center; line-height:52px; height:52px;}
	.nav li a{ display:block; font-size:16px; color:#fff;}
	.nav li:hover{ background:#b00f17;}
	#nav_select{background:#b00f17;}

	.dh{ float:right; display:none;}
	.iconnav-list:before{ font-size:60px;}
	
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:550px;}
	.banner ul{ position:absolute; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; overflow:hidden;}
	.banner:hover ol{ opacity:1;}
	.banner ol{opacity:0; width:100%; position:absolute; bottom:2%; transition:all 0.5s;-webkit-transition:all 0.5s; text-align:center;}
	.banner ol li{ margin:0 5px; cursor:pointer; border-radius:100%; height:5px; width:5px; display:inline-block; border:2px solid #343434; opacity:0.6;}
	.banner ol li:hover{opacity:1;}
	.banner li img{min-height:150px; height:550px;}
	
	.lef_rig{ opacity:0.3; transition:all linear 0.25s;}
	.lef_rig span{ opacity:0.5; cursor:pointer;top:calc(50% - 50px); position:absolute;  z-index:2; font-size:50px;text-align:center; color:#b00f17;}
	.lef_rig span:first-child{ transform:rotate(180deg);left:1%; }
	.lef_rig span:nth-child(2){right:1%;}
	.lef_rig span:hover{ opacity:0.8; }
	.lef_rig span+span:hover{ opacity:0.8; }
	.banner:hover .lef_rig{ opacity:1;}
	#dot{ background:#d20a05; border:2px solid #d20a05; opacity:1;}


	/*网站主体*/
	.often{ margin:50px auto 28px auto;}
	.often_t{ display:flex; justify-content:center; align-items:center;}
	.often_t::after{ content:""; max-width:151px; width:100%; display:block; height:1px; background:#929292; margin-left:13px;}
	.often_t::before{content:""; max-width:151px; width:100%; display:block; height:1px; background:#929292; margin-right:13px;}
	.often_t .letter{ margin:0px; font-size:58px; line-height:64px; color:#b00f17;}
	.often_t .content{ margin:0px; text-align:center;}
	.often_t .content .title{color:#111111; font-size:24px;}
	.often_t .content .title font{ color:#b00f17;}
	.often_t .content .text{ color:#393939; font-size:14px; margin-top:2px;}
	.often_b{ text-align:center; font-size:12px; color:#717171;}
	
	section.products{overflow:hidden; padding-bottom:58px;}
	.pro_b li{ float:left;max-width:calc(25% - 18px); width:100%; margin-right:24px; border:1px solid #b00f17; box-sizing:border-box; margin-bottom:22px;}
	.pro_b li:nth-of-type(4n){margin-right:0px;}
	.pro_b li .picture{ padding:6px; box-sizing:border-box; display:block; overflow:hidden;}
	.pro_b li .picture img{height:251px; object-fit:cover; width:100%; transition:all linear 0.25s;}
	.pro_b li .title{height:42px; line-height:42px; background:#b00f17; display:block; overflow:hidden; font-size:16px; color:#fff; text-align:center; white-space:pre; text-overflow:ellipsis;}
	.pro_b li:nth-last-of-type(-n+4){margin-bottom:0px;}
	.pro_b li:hover .picture img{ transform:scale(1.1)}
	

	section.adv{ background:url(../images/ad_02.jpg) no-repeat top center; background-size:cover; overflow:hidden;}
	.plate_title{ color:#fff; text-align:center; margin:40px auto;}
	.plate_title .title{ font-size:32px;}
	.plate_title .text{ font-size:18px; margin-top:7px;}
	.plate_title .picture{margin-top:15px;}
	.adv_b{ margin-bottom:40px; overflow:hidden;}
	.adv_b li{ max-width:210px; width:100%; float:left; border-right:1px dashed #fff; box-sizing: border-box;}
	.adv_b li:nth-of-type(3){ max-width:calc(100% - (210px * 4)); width:100%;}
	.adv_b li:last-child{ border-right:0px;}
	.adv_b li p{ font-family:"华文中宋"; font-size:24px; line-height:40px; text-align:center; color:#fff;}
	
	section.work{ overflow:hidden;}
	.work_b{ overflow:hidden; position:relative; height:237px;}
	.work_b li{ float:left; margin-right:14px; width:227px;}
	.work_b li .picture img{ height:184px; width:100%; object-fit:cover;}
	.work_b .title{ margin:16px auto; text-align:center; display:block; color:#333; font-size:16px;}
	.work .more{ overflow:hidden; display:block; width:100%; margin-top:32px;}
	.work .more a{ display:block; width:112px; height:38px; text-align:center; line-height:38px; border:1px solid #b00f17; font-size:14px; color:#666;}
	.work .more a:hover{ background:#b00f17; color:#fff;}
	.work_b li:hover .title{ color:#b00f17;}
	
	section.about{ background:url(../images/ab_01.jpg) no-repeat top center; padding:99px 0px 48px 0px; overflow:hidden; position:relative;}
	.about .picture{ border:3px solid #fff; float:left; width:525px; height:540px; box-sizing:border-box; margin-left:calc((100% - 1220px) / 2);}
	.about .picture img{ margin-top:16px; margin-left:17px; float:left; max-width:630px; width:630px; height:500px; object-fit:cover;}
	.about_r{ position:absolute; right:0px; background:rgba(255,255,255,0.80); top:67px; overflow:hidden; max-width:calc(50% + 40px);  width:100%;}
	.about_r .content{width:100%; max-width:640px; float:left; padding:66px 0px 65px 120px; box-sizing:border-box;}
	.about_r .content .title{ font-size:26px; color:#333;}
	.about_r .content .title::after{ content:""; margin-top:8px; display:block; width:58px; height:3px; background:#b00f17;}
	.about_r .content .title font{color:#b00f17;}
	.about_r .content .text{ font-size:16px; color:#333; line-height:30px; margin:35px auto;}
	.about_r .content .text p{ text-indent:32px; margin-bottom:14px;}
	.about_r .more{ width:120px; height:40px; text-align:center; font-size:14px; color:#666; float:left; border:1px solid #b00f17; line-height:40px; color:#666;}
	.about_r .more:hover{ background:#b00f17; color:#fff;}

	section.news{ overflow:hidden; display:block; width:100%;}
	.news_t{ padding:5px; border:1px solid #d3d3d3; overflow:hidden; margin-top:50px; display:block; width:100%; max-width:100%; box-sizing:border-box;}
	.news_t .picture{ float:left; max-width:452px; width:100%;}
	.news_t .picture img{width:100%; height:250px; object-fit:cover;}
	.news_t .content{max-width:calc(100% - 452px); padding:0px 55px; box-sizing:border-box; overflow:hidden; width:100%; float:right;}
	.news_t .content .title{ font-size:20px; display:block; font-weight:bold; color:#b00f17; margin-top:30px; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.news_t .content .text{ font-size:14px; display:block; line-height:28px; height:84px; overflow:hidden; color:#666; margin-top:20px;}
	.news_t .content time{ font-size:12px; color:#999; display:block; margin-top:24px;}
	.news_t .content .more{ color:#b00f17; float:right; font-size:12px; margin-top:20px;}
	.news_b{padding:26px 0px 48px 0px; overflow:hidden;}
	.news_b li{ float:left; max-width:588px; width:100%; box-sizing:border-box; border:1px solid #d3d3d3; padding:16px 0px; margin-bottom:17px;}
	.news_b li:nth-of-type(even){ float:right;}
	.news_b li:nth-last-of-type(-n+2){ margin-bottom:0px;}
	.news_b li time{ float:left; width:70px; background:#434343; text-align:center; color:#fff;}
	.news_b li time .date{ font-size:20px; color:#fff; margin-top:12px;}
	.news_b li time .date::after{content:""; display:block; margin:0 auto; transform:rotate(-20deg); margin:7px auto; width:40px; height:1px; background:#fff;}
	.news_b li time .month{ font-size:16px; color:#fff; margin-bottom:10px;}
	.news_b li .content{ float:right; max-width:calc(100% - 92px); width:100%; padding-right:30px; box-sizing:border-box;}
	.news_b li .title{ font-size:16px; color:#333; display:block; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.news_b li .text{ font-size:14px; line-height:26px; color:#999; display:block; margin-top:8px; height:52px; overflow:hidden;}
	.news_b li:hover time{ background:#B00F17;}
	
	section.url{background:linear-gradient(to right,#363636 69%,#b00f17 69%); padding:26px 0px; width:100%; display:block;}
	section.url *{ color:#fff; font-size:14px;}
	section.url a{ margin-right:1%;}
	
	footer.footer{ background:url(../images/ft_01.jpg) no-repeat top center; background-size:cover; font-size:14px; line-height:36px; color:#fff; padding:45px 0px; text-align:center;}
	footer.footer *{ color:#fff;}
	footer.footer span{ margin:0px 1%;}
	
	
	
	
		
	/*新闻页面*/
	.page{margin:40px auto 48px auto; overflow:hidden;}
	.list_l{ max-width:250px; width:100%;overflow:hidden; float:left;}
	
	.pro_center{ border:1px solid #b00f17;}
	.pro_center .title{ background:#b00f17; padding:10px 15px; font-size:22px; color:#fff; display:flex; align-items:center; }
	.pro_center .iconall-fill:before{ font-size:34px; margin-right:10px;}
	.pro_center ul li{ padding:0px 8px; box-sizing:border-box;}
	.pro_center ul li a{border-bottom:1px solid #ddd; padding:15px 5%; display:block; width:100%; box-sizing:border-box; overflow:hidden;white-space:pre; text-overflow:ellipsis; overflow:hidden; color:#717171;}
	.pro_center ul li:hover{ background:#b00f17;}
	.pro_center ul li:hover a{color:#fff; border-color:#b00f17;}
	
	
	.iconright-circle:before{ margin-right:10px;}
	.pro_center ul li:last-child a{ border:0px;}
	.pro_center ul li .text{ max-width:calc(100% - 25px); width:100%; float:left; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.pro_center ul li .picture{ max-width:16px; width:100%; float:right;}
	
	.list_l .recommend{ margin-top:22px; border:1px solid #b00f17;}
	.recommend .title{ background:#b00f17; text-align:center; box-sizing:border-box; font-size:22px; color:#fff; line-height:47px;}
	.recommend ul{overflow:hidden; box-sizing:border-box;}
	.recommend ul li{ float:left; width:100%; line-height:35px; border-bottom:1px #CCCCCC dashed; padding:0px 2% 0px 5%; box-sizing:border-box;}
	.recommend ul .text{ font-size:14px; color:#555; text-align:center; display:block; box-sizing:border-box; float:left; max-width:calc(100% - 50px);}
	.recommend ul time{ float:right; max-width:50px; width:100%;font-size:14px; color:#333;}
	.recommend ul li:hover .text{color:#b00f17;}
	
	.list_l .contact{ margin-top:22px; border:1px solid #b00f17;}
	.contact .title{ background:#b00f17; text-align:center; box-sizing:border-box; font-size:22px; color:#fff; line-height:47px;}
	.cont_b{ padding:0px 3%; box-sizing:border-box;}
	.cont_b .picture{margin-top:5px;}
	.cont_b .picture img{ width:100%;}
	.cont_b p{ font-size:14px; color:#333; margin:8px auto;}
	
	
	
	.list_r{ max-width:910px; width:100%; float:right;}
	.page_title{ margin-top:10px; padding-bottom:8px; overflow:hidden; display:flex; align-items:center; justify-content:space-between; border-bottom:2px solid;
		border-image:-webkit-linear-gradient(left , #d20a05 100px , #363636 100px)1 10 1;
		border-image:-moz-linear-gradient(left , #d20a05 100px , #363636 100px)1 10 1;
		border-image:linear-gradient(left , #d20a05 100px , #363636 100px)1 10 1;
	}
	.page_title *{ margin:0px;}
	.page_title .title{ float:left; font-size:18px; color:#d20a05; font-weight:bold; padding-left:5px;}
	.page_title .page_address{float:right; font-size:14px; color:#333; line-height:24px;}
	.page_title .page_address span{ color:#d20a05; font-weight:bold;}
	
	
	.page_list{ float:right; max-width:100%; width:100%; text-align:center; margin:32px auto;}
	.page_list a:first-child{ display:none;}
	.page_list *{font-size:12px; color:#333; display:inline-block; margin:0px 4px; border:1px solid #343434; padding:5px 10px;}
	.page_list a:hover,.page_list b{border-color:#d20a05; background:#d20a05; color:#fff;}
	
	.page_products{ padding-top:35px;}
	.page_products ul{ display:flex; flex-wrap:wrap; overflow:hidden;}
	.page_products ul li{ float:left; max-width:calc(25% - 16px); width:100%;margin:0px; margin-right:21px;}
	.page_products ul li:nth-of-type(4n){margin-right:0px;}
	.page_products ul li .picture{ width:100%; border:1px solid #e5e5e5; display:block; overflow:hidden;}
	.page_products ul li .picture img{ width:100%; height:200px; object-fit:cover;display:block; transition:all linear 0.25s;}
	.page_products ul li .title{ font-size:14px; color:#333; white-space:pre; text-overflow:ellipsis; overflow:hidden; text-align:center; display:block; padding:25px 0px;}
	.page_products ul li:hover .picture img{ transform:scale(1.1)}
	.page_products ul li:hover .title{ color:#d20a05;}
	
	.page_news{ padding-top:14px;}
	.page_news li{overflow:hidden; display:block; padding:21px 1px; border-bottom:1px solid #e5e5e5; box-sizing:border-box;}
	.page_news li .picture{ border:1px solid #e5e5e5; max-width:208px; padding:3px; width:100%; box-sizing:border-box; overflow:hidden; float:left;}
	.page_news li .picture img{ width:100%; height:150px; object-fit:cover;}
	.page_news li .content{ max-width:calc(100% - 230px); float:right; width:100%;}
	.page_news li .content .title{ font-size:16px; font-weight:bold; color:#333; line-height:40px;}
	.page_news li .content .text{ font-size:14px; line-height:24px; color:#666;}
	.page_news li .content time{ margin-top:5px; float:left; width:100%;}
	.page_news li .content time *{ margin-right:1%; font-size:14px; color:#999;}

	.page_intro .title{ font-size:24px; color:#333; text-align:center; margin-top:26px;}
	.page_intro time{ font-size:12px; color:#999; text-align:center; display:block; width:100%; padding:18px 0px; overflow:hidden; border-bottom:1px solid #e5e5e5; margin-bottom:24px;}
	.page_intro .picture img{ max-height:384px; margin:24px auto 48px auto;}
	.page_intro .text{ font-size:14px; color:#333; line-height:28px; border-bottom:1px solid #e5e5e5; padding-bottom:48px;}
	.list_intro{font-size:14px; border-bottom:1px solid #e5e5e5; overflow:hidden; padding:17px 0px;}
	.list_intro *{color:#666;}
	.list_intro span{color:#666; float:left;}
	.list_intro span:nth-of-type(2){ float:right;}

	.page_intro.page_about .title{ margin-bottom:20px;}


	/*返回顶部*/
	
	.top{ cursor:pointer; position:fixed; bottom:5%; background:rgba(175,15,13,0.50); right:1%; font-size:60px; display:none;}
	.top::before{font-size:60px; color:rgba(255,255,255,0.5);}
	.top:hover{background:rgba(175,15,13,1.00);}
	.top:hover::before{color:rgba(255,255,255,1);}
	
	
	.sj_footer{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; border-top:1px solid #ccc;}
	.sj_footer a{ width:33%; float:left; text-align:center; padding:3% 0;}
	.sj_footer span{ width:100%; float:left; color:#333; font-family:"微软雅黑";}
	.sj_footer img{ max-width:20%;}


	

	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #666;
	}
		
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #666;
	}
	
	input:-ms-input-placeholder{
	color: #666;
	}
	
	input::-webkit-input-placeholder{
	color: #666;
	}

	
	textarea:-ms-input-placeholder{
	color: #666;
	}
	
	textarea::-webkit-input-placeholder{
	color: #666;
	}